﻿.jquery_filegrid{float:left;padding: 2px;margin: 0px; text-align:left;}
.jquery_filegrid li {list-style-type:none;margin-left:8px; margin-bottom:18px;float:left;}
.jquery_filegrid ul {list-style-type:none;padding: 0px;margin: 0px;}
.jquery_filegrid_border {width:100px; height:100px;  border:#efefef 1px solid; }
.jquery_filegrid_back{width:100px; height:100px; overflow:hidden;}
.jquery_filegrid li:hover {
 cursor:pointer;background: #BDF;
}
.jquery_filegrid_font 
{
	text-align:center;
	color: #333;
	text-decoration: none;
	display: block;
	padding: 0px 2px;
	font-size: 11px;
	font-family: Verdana, sans-serif;
	overflow:hidden;
	width:100px;
	text-overflow:ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
	white-space:nowrap;

}
.jquery_filegrid_border_foucs
{
	border:#ff9231 1px solid;
}

.jquery_filegrid div.wait { background: url(images/spinner.gif) left top no-repeat;width:16px; height:16px;margin-top:40px; margin-left:40px;}

.jquery_filegrid_border div.directory {background: url(images/directory.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_back div.back { background: url(images/back.png) left top no-repeat;width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.file { background: url(images/file.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
/* File Extensions*/
.jquery_filegrid_border div.ext_3gp { background: url(images/film.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_afp { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_afpa { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_asp { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_aspx { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_avi { background: url(images/film.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_bat { background: url(images/application.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_bmp { background: url(images/picture.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_c { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_cfm { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_cgi { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_com { background: url(images/application.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_cpp { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_css { background: url(images/css.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_doc { background: url(images/doc.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_exe { background: url(images/application.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_gif { background: url(images/picture.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_fla { background: url(images/flash.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_h { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_htm { background: url(images/html.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_html { background: url(images/html.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_jar { background: url(images/java.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_jpg { background: url(images/picture.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_jpeg { background: url(images/picture.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_js { background: url(images/script.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_lasso { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_log { background: url(images/txt.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_m4p { background: url(images/music.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_mov { background: url(images/film.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_mp3 { background: url(images/music.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_mp4 { background: url(images/film.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_mpg { background: url(images/film.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_mpeg { background: url(images/film.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_ogg { background: url(images/music.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_pcx { background: url(images/picture.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_pdf { background: url(images/pdf.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_php { background: url(images/php.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_png { background: url(images/picture.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_ppt { background: url(images/ppt.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_psd { background: url(images/psd.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_pl { background: url(images/script.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_py { background: url(images/script.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_rb { background: url(images/ruby.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_rbx { background: url(images/ruby.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_rhtml { background: url(images/ruby.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_rpm { background: url(images/linux.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_ruby { background: url(images/ruby.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_sql { background: url(images/db.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_swf { background: url(images/flash.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_tif { background: url(images/picture.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_tiff { background: url(images/picture.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_txt { background: url(images/txt.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_vb { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_wav { background: url(images/music.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_wmv { background: url(images/film.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_xls { background: url(images/xls.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_xml { background: url(images/code.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_zip { background: url(images/zip.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}
.jquery_filegrid_border div.ext_gzip { background: url(images/zip.png) left top no-repeat; width:16px; height:16px;margin-top:40px; margin-left:40px;}